<template>
    <div id="tmpl">
<h3>提交评论</h3>
<div id="postComment">
    <p></p>
    <textarea placeholder="请输入评论..."></textarea>
    <mt-button type="primary" size="large">提交评论</mt-button>
</div>
        <h3>评论列表</h3>
        <hr>
<div v-for="(item,index) in list">
    <div  class="title">
        <div class="list" >
            <span>第{{index+1}}楼</span>&nbsp;&nbsp;
            <span>用户:{{item.user_name}}</span>&nbsp;&nbsp;
            <span>发表时间:{{item.add_time}}</span>&nbsp;&nbsp;
        </div>
    </div>
    <ul class="mui-table-view">
        <li  class="mui-table-view-cell">{{item.content}}</li>
    </ul>
</div>
        <mt-button type="danger" size="large" plain>加载更多</mt-button>
    </div>
</template>

<script>
    export default{
    data(){
      return {
          list:[{user_name:'九神1',add_time:'2010-1-1',content:'呵呵1'},
              {user_name:'九神2',add_time:'2010-1-2',content:'呵呵2'},
              {user_name:'九神3',add_time:'2010-1-3',content:'呵呵3'},
          ],
      }
    },
    props:['id']
    }
</script>

<style scoped>
#postComment{
    padding: 5px;
}
#postComment p{
    height: 1px;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.3);
}
.title{

    color: #6d6d72;
    font-size: 15px;
    background-color: rgba(0,0,0,0.1);
    padding: 5px;
}
.list{
    padding: 5px;
}


</style>